﻿body,.body-fauxcolumn-outer{background-image:url("https://sevida-code.googlecode.com/svn/trunk/picmap/backgroundlight.png")}
#hed-title h2 span{color:#333;font-family:'Helvetica',sans-serif;font-size:12px;font-weight:bold;padding-left:30px}
#hed-title h2{border-width:0 2px 0 2px;border-style:solid;background:url("https://sevida-code.googlecode.com/svn/trunk/picmap/toptital.png") 0 0 repeat scroll;background-repeat:repeat-x;margin:0 0 5px;border-radius:3px 3px 3px 3px;overflow:hidden;padding:5px 0;text-transform:uppercase}
#toptitle{border-bottom:1px solid #fd4326;color:#444;float:left;font-size:10px;font-weight:bold;line-height:150%;margin-bottom:20px;padding-bottom:5px;padding-left:25px;text-transform:uppercase;width:50%}
.post{float:left;height:275px;margin:2%;width:29.3%}
.post-body p{color:#666;font-family:'Arial',Helvetica,sans-serif;font-size:130%;font-weight:normal;line-height:140%;margin:10px 0 0}
a.thumbx{background-color:#fff;border:#ddd solid 1px;display:block;height:120px;overflow:hidden;width:100%;z-index:99999}
a.thumbx img{display:block;width:100%;height:100%;box-shadow:none}
.post h1,.post h2{border-bottom:1px solid #ededed;color:#444;font-size:12px !important;margin:0 0 10px;overflow:hidden;text-transform:uppercase;width:100% !important}
#blog-pager{float:left;padding:0 10px;text-align:center;width:100%}
#blog-pager a{display:block;padding:7px 10px;background:#fd4326;color:white}
#blog-pager a:hover{background:#f7f7f7;color:#fd4326;text-decoration:none}
.showpageArea{float:left}
#blog-pager .showpageArea a{background:url('http://1.bp.blogspot.com/-VaJX0ShxH6c/TeUGQ0IGOWI/AAAAAAAAJGo/Qw7sIjc5MrQ/s200/bc_separator.png') right center no-repeat scroll transparent;color:#292929;display:inline-block;margin-right:3px;padding-right:30px}
#blog-pager .showpageArea a:hover,#blog-pager .showpagePoint{background:url("https://sevida-code.googlecode.com/svn/trunk/picmap/bc_separator.png") right center no-repeat scroll transparent;color:#333;display:inline-block;margin-right:3px;padding:7px 30px 7px 10px}
.showpage a{background:none 0 0 repeat scroll transparent}
#blog-pager{background:none 0 0 repeat scroll #f5f5f5;border:#ddd solid 1px;border-radius:3px 3px 3px 3px;padding:0 10px;text-align:center}
#footer-wrapper{box-shadow:0 0 8px rgba(0,0,0,0.5),0 -30px 50px rgba(0,0,0,0.5) inset}
.iframpost{float:none;height:28px;overflow:hidden;border-radius:3px 3px 3px 3px;background:none 0 0 repeat scroll #ececec;border-width:0 2px 0 2px;border-style:solid;background:url("https://sevida-code.googlecode.com/svn/trunk/picmap/toptital.png") 0 0 repeat scroll;background-repeat:repeat-x}
}
#magazine-right2 h2 span{background:none 0 0 repeat scroll #fff;color:#333;font-family:'Helvetica',sans-serif;font-weight:bold}
#magazine-right2 h2{background-position:0 50%;background-repeat:repeat-x;margin:0 0 5px;padding:5px 0;text-transform:uppercase}
.first_post{float:left;font-family:'arial',sans-serif;font-size:12px;color:#333;line-height:1.5em;padding:10px 10px 0 10px;border-top:1px solid #c2c2c2;border-right:2px solid #dfdfdf;overflow:hidden;background:url("https://sevida-code.googlecode.com/svn/trunk/picmap/backhong.png") 0 0 repeat-x scroll #fdfffa;width:60%;text-align:justify}
.first_post img{width:45%;height:120px;float:left;margin:0 10px 3px 0;padding:5px;border:#cacaca solid 1px;background-color:#fff}
.first_post h2{line-height:1.3em;font-size:14px;font-weight:bold;margin:0 0 5px}
.first_post h2 a{color:#555}
.first_post h2 a:hover{color:#333}
.readm{background:none 0 0 repeat scroll #fff;border:1px solid #b3b3b3;margin:5px 0;box-shadow:1px 1px 2px rgba(97,97,97,0.4),0 -1px 5px 3px rgba(141,141,141,0.3) inset;float:right;border-radius:5px;padding:3px}
.readm a{color:#b6002c;font-size:11px;font-weight:bold;font-style:italic;margin:3px 10px}
.readm a:hover{color:#766162}
.repost{display:block;font-size:12px;font-weight:bold;line-height:18px;padding:10px;text-decoration:none;transition:all .2s;list-style-type:none;float:none;border-top:1px solid #c2c2c2;overflow:hidden;border-radius:3px;background:url('https://sevida-code.googlecode.com/svn/trunk/map/sidebar.jpg') 0 0 repeat-x scroll #fff}
.repost a{color:#858585;background:url('https://sevida-code.googlecode.com/svn/trunk/map/mini.png') left no-repeat;padding:0 20px 0}
.repost a:hover{color:#000}
.tab{font-size:13px}
.dpost a{color:#000;float:left;height:20px}
.dpost li{border-right:1px solid #c2c2c2;float:right;overflow:hidden}
.dpost li.active{color:#333;display:inline-block;position:relative;bottom:0}
.dpost li.active a,active li a{height:100%;font-size:13px;font-weight:bold;color:#b6002c;text-transform:uppercase;padding-right:10px}
@media only screen and (max-width:880px){.post-body p{margin:5px 0 0;font-size:100%}
.post h2{font-size:140%}
}
@media only screen and (max-width:767px){.blog-posts.hfeed{overflow:hidden}
.iframpost{height:auto}
.post{width:45%;margin:2.5%}
.post h2{font-size:140%}
.post-body,.infox{position:absolute;left:-9999px}
.first_post img{width:100%;margin-bottom:10px}
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:49.8%}
#slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
#slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
#slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
@media only screen and (max-width:479px){#blog-pager .showpageArea a:hover,#blog-pager .showpagePoint{margin:0}
a.thumbx img{box-shadow:none;display:block;height:100%;width:100%}
.post{width:95%}
.post h2{font-size:120%}
.first_post{width:100%}
.first_post img{width:100% !important;margin-right:0}
}
